<!--
@description: 搜索结果列表组件
@Author: lianys
@Date: 2021-04-07
事件： 升级 upgrade
      收藏 follow
      点击列表 click
-->
<template>
    <div class="search-list">
        <dg-scrollbar>
            <div class="b-padding">
                <div
                    class="search-list__item"
                    v-for="(item, index) in searchData"
                    :key="index"
                    @click.stop="handleItemClick(item.id)"
                >
                    <dg-row class="" type="flex" gutter="1rem">
                        <dg-col :flex="1" class="dg-words-one" v-html="item.title"> </dg-col>
                        <dg-col :width="200" class="b-tr dg-words-second"> 涉及人数{{ item.person }}人 </dg-col>
                        <dg-col :width="60" class="b-tr">
                            <span class="search-list__status" :class="item.status == '已办结' ? 'green' : 'red'">{{
                                item.status
                            }}</span>
                        </dg-col>
                    </dg-row>
                    <div class="search-list__cont" v-html="item.cont"></div>
                    <dg-row class="search-list__data">
                        <dg-col :span="18"> <i class="el-icon-time"></i>{{ item.time }} </dg-col>
                        <dg-col :span="6" class="b-tr"> <i class="el-icon-office-building"></i>{{ item.area }} </dg-col>
                    </dg-row>
                </div>
            </div>
        </dg-scrollbar>
    </div>
</template>

<script>
import main from "./main";
export default main;
</script>
<style scoped lang='scss'>
@import "../index.scss";
</style>
